<template>
	<!-- 我的-我的服务 -->
	<view class="giveServiceto">
		<view class="title">
			我的服务
		</view>
		<view class="main">
			<!-- <view class="main-item" v-for="item in arr" :key="item.id">
				<image :src="item.image" mode=""></image>
				<view class="">
					{{item.name}}
				</view>
			</view> -->
			<view class="main-item" @click="JumpCoupon">
				<!-- <image src="../../static/my/coupon.png" mode=""></image> -->
				<img src="../../static/my/coupon.png" alt="">
				<view class="">
					优惠劵
				</view>
			</view>
			<view class="main-item" @click="JumpPointsMall">
				<!-- <image src="../../static/my/huiyuan.png" mode=""></image> -->
				<img src="../../static/my/huiyuan.png" alt="">
				<view class="">
					积分兑券
				</view>
			</view>
			<view class="main-item" @click="JumpCollect">
				<image src="../../static/my/collect.png" mode=""></image>
				<!-- <img src="../../static/my/collect.png" alt=""> -->
				<view class="">
					收藏
				</view>
			</view>
			<view class="main-item" @click="JumpAddress">
				<!-- <image src="../../static/my/positioning.png" mode=""></image> -->
				<img src="../../static/my/positioning.png" alt="">
				<view class="">
					收货地址
				</view>
			</view>
			<view class="main-item" v-if="false">
				<!-- <image src="../../static/my/edit.png" mode=""></image> -->
				<img src="../../static/my/edit.png" alt="">
				<view class="">
					我的发布
				</view>
			</view>
		</view>

	</view>
</template>

<script>
export default {
	data() {
		return {
			// arr: [{
			// 		id: "1",
			// 		image: "../../image/my/优惠券 (9).png",
			// 		name: "优惠劵",
			// 	},
			// 	{
			// 		id: "2",
			// 		image: "../../image/my/会员 (6).png",
			// 		name: "积分商城",
			// 	},
			// 	{
			// 		id: "3",
			// 		image: "../../image/my/收藏 (12).png",
			// 		name: "收藏",
			// 	},
			// 	{
			// 		id: "4",
			// 		image: "../../image/my/定位 (6).png",
			// 		name: "收货地址",
			// 	},
			// 	{
			// 		id: "5",
			// 		image: "../../image/my/编辑 (1).png",
			// 		name: "我的发布",
			// 	},
			// ]
		}
	},
	methods: {
		// 跳转优惠券
		JumpCoupon() {
			uni.navigateTo({
				url: '../../pages_my/my/giveServiceTo/coupon/coupon'
			})
		},
		// 跳转到积分商城页面
		JumpPointsMall() {
			uni.navigateTo({
				url: '../../pages_my/my/giveServiceTo/PointsMall'
			})
		},
		// 跳转收藏
		JumpCollect() {
			uni.navigateTo({
				url: '../../pages_my/my/giveServiceTo/collect/collect'
			})
		},
		// 跳转到地址管理页面
		JumpAddress() {
			uni.navigateTo({
				url: '../../pages_my/my/giveServiceTo/address'
			})
		}
	}
}
</script>

<style lang="less" scoped>
.giveServiceto {
	background: white;
	border-radius: 14rpx;

	.title {
		line-height: 20rpx;
		font-size: 30rpx;
		font-weight: 400;
		padding-top: 20rpx;
		padding-left: 21rpx;
	}

	.main {
		display: flex;
		justify-content: space-between;

		.main-item {
			font-size: 24rpx;
			text-align: center;
			margin-top: 25rpx;
			padding: 0 20rpx 20rpx 20rpx;

			img {
				width: 66rpx;
				height: 66rpx;
			}

			image {
				width: 66rpx;
				height: 66rpx;
			}
		}

	}
}</style>